import styled from "styled-components";

const Icon = styled.div<{ $size?: number }>`
  display: flex;
  justify-content: center;
  align-items: center;
  width: ${(props) => (props.$size ? props.$size : 16)}px;
  height: ${(props) => (props.$size ? props.$size : 16)}px;
`;

type Props = {
  size?: number;
  className?: string;
};

const PromptyIcon = ({ size, className }: Props) => {
  return (
    <Icon $size={size}>
      <svg
        width="201"
        height="201"
        viewBox="-14 0 201 201"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className={className}>
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M15.9103 48.44C13.9578 31.9508 25.7422 17.0008 42.2314 15.0483L94.6403 8.84264C134.359 4.13957 170.37 32.5254 175.073 72.2441C179.744 111.691 151.777 147.481 112.486 152.576L113.259 159.11C115.212 175.599 103.427 190.549 86.9382 192.501L63.5711 195.268C47.0819 197.221 32.1319 185.436 30.1794 168.947L15.9103 48.44ZM91.4144 161.696C91.9384 166.121 88.7762 170.133 84.3515 170.657L60.9845 173.423C56.5598 173.947 52.5482 170.785 52.0243 166.361L37.7551 45.8534C37.2312 41.4287 40.3934 37.4171 44.818 36.8932L97.227 30.6875C124.881 27.413 149.954 47.1766 153.228 74.8307C156.503 102.485 136.739 127.557 109.085 130.832L88.0547 133.322L91.4144 161.696Z"
          fill="url(#paint0_linear_3722_2885)"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M26.8357 47.147C25.5975 36.6901 33.0708 27.2093 43.5277 25.9711L95.9367 19.7653C129.623 15.7766 160.165 39.8513 164.154 73.5377C168.142 107.224 144.068 137.766 110.381 141.755L100.273 142.952L102.34 160.403C103.578 170.86 96.1048 180.341 85.6479 181.579L62.2808 184.346C51.8239 185.584 42.3431 178.111 41.1049 167.654L26.8357 47.147ZM91.4174 161.697C91.9414 166.121 88.7792 170.133 84.3545 170.657L60.9875 173.424C56.5628 173.948 52.5512 170.786 52.0273 166.361L37.7581 45.8537C37.2342 41.429 40.3964 37.4174 44.821 36.8935L97.23 30.6878C124.884 27.4133 149.957 47.1769 153.231 74.831C156.506 102.485 136.742 127.558 109.088 130.832L88.0577 133.322L91.4174 161.697Z"
          fill="#211D26"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M44.8123 36.8935C40.3877 37.4174 37.2255 41.4291 37.7494 45.8537L52.0186 166.361C52.5425 170.786 56.5541 173.948 60.9788 173.424L84.3458 170.657C88.7705 170.133 91.9327 166.121 91.4087 161.697L88.049 133.322L109.079 130.832C136.733 127.558 156.497 102.485 153.223 74.831C149.948 47.1769 124.875 27.4133 97.2213 30.6878L76.1909 33.178L61.091 34.966L44.8123 36.8935Z"
          fill="white"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M71.8492 58.2972L69.284 58.5955C63.0132 59.3246 58.5208 64.9992 59.2499 71.27L61.4334 90.0498C62.1625 96.3206 67.8371 100.813 74.1079 100.084L76.6731 99.7857C88.1298 98.4536 96.3375 88.0862 95.0054 76.6295C93.6733 65.1728 83.3059 56.9651 71.8492 58.2972Z"
          fill="#211D26"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M70.6016 78.2442C70.316 76.2228 71.0458 74.2286 71.7049 72.2964C72.6625 69.4892 72.8938 67.0279 70.9195 66.3542C69.1618 65.7545 67.6239 67.7705 66.6664 70.5777C65.7663 73.2162 65.6794 76.1666 65.9424 78.942C65.9627 79.1561 65.9883 79.3724 66.0195 79.5909C66.0766 79.9902 66.1422 80.3919 66.217 80.795C66.7902 83.8849 67.3475 87.1695 69.1675 89.7315C71.0856 92.4315 73.2098 93.8979 75.3729 92.6792C77.3301 91.2889 76.5505 88.5493 74.6325 85.8493C73.1779 83.8017 71.2192 81.9528 70.7868 79.4787C70.7531 79.2856 70.7224 79.0928 70.6949 78.9003C70.6635 78.6802 70.6322 78.4615 70.6016 78.2442Z"
          fill="white"
        />
        <path
          d="M84.8162 69.8203C84.8162 71.7931 83.2169 73.3924 81.244 73.3924C79.2712 73.3924 77.6719 71.7931 77.6719 69.8203C77.6719 67.8475 79.2712 66.2482 81.244 66.2482C83.2169 66.2482 84.8162 67.8475 84.8162 69.8203Z"
          fill="white"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M111.505 53.0448L108.94 53.343C102.669 54.0721 98.177 59.7467 98.9061 66.0176L101.09 84.7973C101.819 91.0682 107.493 95.5606 113.764 94.8315L116.329 94.5333C127.786 93.2012 135.994 82.8338 134.662 71.3771C133.33 59.9203 122.962 51.7127 111.505 53.0448Z"
          fill="#211D26"
        />
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M110.258 72.9918C109.972 70.9703 110.702 68.9762 111.361 67.044C112.319 64.2368 112.55 61.7754 110.576 61.1018C108.818 60.5021 107.28 62.5181 106.323 65.3253C105.423 67.9638 105.336 70.9142 105.599 73.6895C105.619 73.9036 105.645 74.1199 105.676 74.3384C105.733 74.7378 105.798 75.1395 105.873 75.5426C106.446 78.6325 107.004 81.9171 108.824 84.4791C110.742 87.1791 112.866 88.6454 115.029 87.4268C116.986 86.0364 116.207 83.2968 114.289 80.5968C112.834 78.5493 110.875 76.7004 110.443 74.2262C110.409 74.0332 110.379 73.8403 110.351 73.6479C110.32 73.4278 110.288 73.209 110.258 72.9918Z"
          fill="white"
        />
        <path
          d="M124.472 64.5679C124.472 66.5407 122.873 68.14 120.9 68.14C118.927 68.14 117.328 66.5407 117.328 64.5679C117.328 62.595 118.927 60.9957 120.9 60.9957C122.873 60.9957 124.472 62.595 124.472 64.5679Z"
          fill="white"
        />
        <defs>
          <linearGradient
            id="paint0_linear_3722_2885"
            x1="118.71"
            y1="28.1437"
            x2="1.09439"
            y2="177.297"
            gradientUnits="userSpaceOnUse">
            <stop stop-color="#0090FF" />
            <stop offset="0.698054" stop-color="#8DC8E8" />
          </linearGradient>
        </defs>
      </svg>
    </Icon>
  );
};

export default PromptyIcon;
